 * {
     padding: 0;
     margin: 0;
     font-family: 'Open Sans Light';
     letter-spacing: .05em;
 }
 html {
     height: 100%;
 }
 body {
     height: 100%;
 }
 .login-container {
     height: 100%;
     background: linear-gradient(to bottom right,#4facfe,#00f2fe);
 }
 .login-wrapper{
     width: 250px;
     height: 500px;
     border-radius: 15px;
     /*border: 1px #fff solid;*/
     position: relative;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     background: #fff;
     padding: 0 50px;
 }
 .login-wrapper::before {
     content: "";
     width: 168px;
     height: 98px;
     background-image: url("rx-logo.png");
     background-repeat: no-repeat;
     background-size: 100%;
     position: absolute;
     top: -49px;
     left: 50%;
     margin-left: -84px;

 }
 .login-title{
     text-align: center;
     font-size: 30px;
     font-weight: bold;
     line-height: 200px;
 }
 .login-wrapper .login-form .form-item {
     display: block;
     width: 100%;
     border: 0;
     margin-bottom: 20px;
     padding: 10px;
     border-bottom: 1px solid rgb(128,125,125);
     font-size: 15px;
 }
 .login-wrapper .login-form >input {
     outline: none;
 }
 .login-wrapper .login-form .form-item::placeholder{
     text-transform: uppercase;
 }
 .login-wrapper .login-form .login-btn{
     text-align: center;
     padding: 10px;
     font-size: 15px;
     color: #fff;
     width: 100%;
     margin-top: 40px;
     background-image: linear-gradient(to right,#00f2fe,#4facfe);
 }
 .login-wrapper .msg {
     text-align: center;
     line-height: 80px;
 }
 .login-wrapper .msg > a{
     color: #a6c1ee;
     text-decoration-line: none;
 }
